<!DOCTYPE html>
<html lang="en" ng-app="myApp">
<head>
	<meta charset="UTF-8">
	<title>可穿戴智能设备_智能设备门户网站</title>
	<link rel="shortcut icon" href="img/img2/icon.png">
	<link rel="stylesheet" href="css/product.css">
	<script src="js/jquery-3.1.0.min.js"></script>
	<script src="js/angular.min.js"></script>
	<script src="js/product.js"></script>
</head>
<body ng-controller="myCtrl">
	<!---------------------------头部------------------------------>
	<header class="pagetop">
		<div class="wrap">
			<div class="left">
				<a href="hacker.html">三 创客动态</a>
				<a href="hacker.html">智能家居</a>
				<a href="hacker.html">可穿戴设备</a>
				<a href="hacker.html">智能出行</a>
				<a href="hacker.html">母婴/儿童/老人</a>
				<a href="hacker.html">机器人</a>
				<a href="hacker.html">无人机</a>
				<a href="hacker.html">VR/虚拟现实</a>
			</div>
			<div class="right">
				<div class="box">
					<a href="#" class="r1">投稿</a>
					<a href="cooperation.html" target="_blank" class="r2">试用合作</a>
					<a href="#" class="r3">提交新品</a>
					<div class="box-r">
						<ul>
							<li><a href="#">登录</a></li>
							<li><a href="register.html">注册</a></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="clear"></div>
		</div>
	</header>
	<!---------------------------------nav------------------------------>
	<div class="nav">
		<div class="wrap">
			<div class="logo">
				<h2>
					<a href="#" title="威腾网">
						<img src="public/img/logo.png" alt="威腾网">
					</a>
					<a href="#" title="苏宁">
						<img src="public/img/suning.png" alt="苏宁">
					</a>
				</h2>
			</div>
			<div class="list">
				<ul>
					<li>
						<a href="index.html" title="potal">首页</a>
					</li>
					<li class="read">
						<a href="news.html" title="news">必读</a>
						<!-- 导航栏显示 -->
						<div class="show">
							<ul class="p_pop h-pop" >
								<li>
									<a href="#">3D打印</a>
								</li>
								<li>
									<a href="#">智能硬件</a>
								</li>
								<li>
									<a href="#">智能医疗/健康</a>
								</li>
								<li>
									<a href="#">智能追踪</a>
								</li>
								<li>
									<a href="#">展会活动</a>
								</li>
							</ul>
						</div>
					</li>
					<li  class="active">
						<a href="product.html" title="product">产品库</a>
					</li>
					<li>
						<a href="check.html" title="check">产品评测</a>
					</li>
					<li>
						<a href="pop.html">众测</a>
					</li>
					<li>
						<a href="BBS.html" title="BBC">社区</a>
					</li>					
					<li>
						<a href="activity.html">活动</a>
					</li>
				</ul>
			</div>
			<!-- <div class="search"></div> -->
			<div class="clear"></div>
		</div>
	</div>

	<!-- ------------------------主内容---------------------- -->
	<div class="wp">
		<div class="container">
			<!-- 上部广告banner部分 -->
			<div class="ad-box">
				<!-- 左侧 -->
				<div class="banner-box">
					<ul>
						<li style="width:575px;height:320px;display: block">
							<a href="#">
								<img src="img/img2/img_product/banner1.jpg" width="575" height="320">
							</a>
							<span class="title">心系父母,健康先行-Hesvit G1智能健康</span>
						</li>
						<li style="width:575px;height:320px;display: none">
							<a href="#">
								<img src="img/img2/img_product/banner2.jpg" width="575" height="320">
							</a>
							<span class="title">2016年CES上将会出现的7大趋势</span>
						</li>
						<li style="width:575px;height:320px;display: none">
							<a href="#">
								<img src="img/img2/img_product/banner3.jpg" width="575" height="320">
							</a>
							<span class="title">CES 2015最佳产品境况如何？多数未能上市</span>
						</li>
						<li style="width:575px;height:320px;display: none">
							<a href="#">
								<img src="img/img2/img_product/banner4.jpg" width="575" height="320">
							</a>
							<span class="title">关于智能眼镜的一些冷知识，你弄清楚了么？</span>
						</li>
						<li style="width:575px;height:320px;display: none">
							<a href="#">
								<img src="img/img2/img_product/banner5.jpg" width="575" height="320">
							</a>
							<span class="title">【年终盘点】9个影响2015年智能可穿戴行业</span>
						</li>
						<li style="width:575px;height:320px;display: none">
							<a href="#">
								<img src="img/img2/img_product/banner6.jpg" width="575" height="320">
							</a>
							<span class="title">智能家居的2015：传统家电日子不好过</span>
						</li>
						<li style="width:575px;height:320px;display: none">
							<a href="#">
								<img src="img/img2/img_product/banner7.jpg" width="575" height="320">
							</a>
							<span class="title">世界上最小的手电筒：走到哪就能亮到哪</span>
						</li>
						<li style="width:575px;height:320px;display: none">
							<a href="#">
								<img src="img/img2/img_product/banner8.jpg" width="575" height="320">
							</a>
							<span class="title">仙人球盆栽加湿器 自体蒸发无需充电</span>
						</li>
						<div class="clear"></div>
					</ul>
					<!-- 轮播图hover -->
					<div class="slidebar">
						<ul>
							<li class="active">1</li><li>2</li><li>3</li><li>4</li>
							<li>5</li><li>6</li><li>7</li><li>8</li>
							<div class="clear"></div>
						</ul>
					</div>
				</div>
				<!-- 右侧 -->
				<div class="right-box">
					<a href="#">
						<img src="img/img2/img_product/right1.jpg" width="300" height="160">
					</a>
				</div>
				<div class="right-box">
					<a href="#">
						<img src="img/img2/img_product/right2.jpg" width="300" height="160">
					</a>
				</div>
				<div class="right-box">
					<a href="#">
						<img src="img/img2/img_product/right3.jpg" width="300" height="160">
					</a>
				</div>
				<div class="right-box">
					<a href="#">
						<img src="img/img2/img_product/right4.jpg" width="300" height="160">
					</a>
				</div>
			</div>
			<!-- APP STORE -->
			<div class="appstore-box">
				<ul>
					<li class="dangge-app">
						<a href="#">
							<img src="img/img2/img_product/app1.jpg" width="60" height="60">
						</a>
						<dt>
							<a href="#">Shine™</a>
						</dt>
					</li>
					<li class="dangge-app">
						<a href="#">
							<img src="img/img2/img_product/app2.jpg" width="60" height="60">
						</a>
						<dt>
							<a href="#">Nike+ Running</a>
						</dt>
					</li>
					<li class="dangge-app">
						<a href="#">
							<img src="img/img2/img_product/app3.jpg" width="60" height="60">
						</a>
						<dt>
							<a href="#">UP by Jawbone</a>
						</dt>
					</li>
					<li class="dangge-app">
						<a href="#">
							<img src="img/img2/img_product/app4.jpg" width="60" height="60">
						</a>
						<dt>
							<a href="#">一丁</a>
						</dt>
					</li>
					<li class="dangge-app">
						<a href="#">
							<img src="img/img2/img_product/app5.jpg" width="60" height="60">
						</a>
						<dt>
							<a href="#">Yeelight Blue</a>
						</dt>
					</li>
					<li class="dangge-app">
						<a href="#">
							<img src="img/img2/img_product/app6.jpg" width="60" height="60">
						</a>
						<dt>
							<a href="#">微蜜Kiss</a>
						</dt>
					</li>
					<li class="dangge-app">
						<a href="#">
							<img src="img/img2/img_product/app7.jpg" width="60" height="60">
						</a>
						<dt>
							<a href="#">BroadLink</a>
						</dt>
					</li>
					<li class="dangge-app">
						<a href="#">
							<img src="img/img2/img_product/app8.jpg" width="60" height="60">
						</a>
						<dt>
							<a href="#">Fitbit</a>
						</dt>
					</li>
					<li class="dangge-app">
						<a href="#">
							<img src="img/img2/img_product/app9.jpg" width="60" height="60">
						</a>
						<dt>
							<a href="#">乐跑</a>
						</dt>
					</li>
					<li class="dangge-app">
						<a href="#">
							<img src="img/img2/img_product/app10.jpg" width="60" height="60">
						</a>
						<dt>
							<a href="#">木木健康</a>
						</dt>
					</li>
				</ul>
				<a href="#" class="more">应用库 >></a>
			</div>
			<!-- 全部人 -->
			<div class="filter-people-box">
				<a href="#" class="active">全部</a>
				<a href="http://www.weiot.net/product.php?m=so&a=1">白领</a>
				<a href="http://www.weiot.net/product.php?m=so&a=2">老人</a>
				<a href="http://www.weiot.net/product.php?m=so&a=3">婴儿</a>
				<a href="http://www.weiot.net/product.php?m=so&a=4">儿童</a>
				<a href="http://www.weiot.net/product.php?m=so&a=5">孕妇</a>
				<a href="http://www.weiot.net/product.php?m=so&a=6">女生</a>
				<a href="http://www.weiot.net/product.php?m=so&a=7">病患</a>
				<a href="http://www.weiot.net/product.php?m=so&a=8">大学生</a>
				<a href="http://www.weiot.net/product.php?m=so&a=9">数码极客</a>
				<a href="http://www.weiot.net/product.php?m=so&a=10">运动爱好者</a>
				<a href="http://www.weiot.net/product.php?m=so&a=11">有车一族</a>
			</div>
			<!-- 全部商品 -->
			<div class="filter-more-box">
				<ul class="filter-product">
					<li class="all"><a href="http://www.weiot.net/product.php?m=so&c=0">全部</a></li>
					<li ng-repeat="x in arr"><a href="http://www.weiot.net/product.php?m=so&c=314">{{x.name}}</a></li>
				</ul>
				<ul class="filter-price">
					<li class="all"><a href="#">全部</a></li>
					<li ng-repeat="x in arr1"><a href="http://www.weiot.net/product.php?m=so&d=1_200">{{x.price}}</a></li>
				</ul>
				<!-- 隐藏部分 -->
				<ul class="filter-stage hide" style="display: none">
					<li class="all"><a href="#">全部</a></li>
					<li ng-repeat="x in arr2"><a href="http://www.weiot.net/product.php?m=so&st=1">{{x.stage}}</a></li>
				</ul>
				<ul class="filter-support hide" style="display: none">
					<li class="all"><a href="#">全部</a></li>
					<li ng-repeat="x in arr3"><a href="http://www.weiot.net/product.php?m=so&st=2">{{x.support}}</a></li>
				</ul>
				<ul class="filter-feature hide" style="display: none">
					<li class="all"><a href="#">全部</a></li>
					<li ng-repeat="x in arr4"><a href="http://www.weiot.net/product.php?m=so&sp=1">{{x.feature}}</a></li>
				</ul>
				<!-- 模式切换 -->
				<div class="weiot-p-all">				
					<a class="show-all"><i></i><span class="quanbu">查看全部</span><span class="jingjian">精简模式</span></a>
				</div>
			</div>

			<!-- 楼层 -->
			<div class="product-list">
				<div class="productHeader">
					<div class="productRight">
						<div class="productSelect">
							<h3>
								<a>排序</a>
								<span></span>
							</h3>
							<ul style="display: none">
								<li>
									<a href="#">价格低到高</a>
								</li>
								<li>
									<a href="#">价格高到低</a>
								</li>
								<li>
									<a href="#">热度低到高</a>
								</li>
								<li>
									<a href="#">热度高到低</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<ul class="content">
					<li ng-repeat="x in arr5">
						<a href="#">
							<!-- hover前 -->
							<div class="view">
								<img ng-src="img/img2/img_product/product{{x.img}}.png" alt="">
								<h3>{{x.title}}</h3>
							</div>
							<!-- hover后 -->
							<div class="hover" style="display:none;">
								<h3>{{x.title}}</h3>
								<h5>
									拥有 : {{x.have}}
									<span></span>
									关注 : {{x.focus}}
									<br>
									品牌: {{x.brand}}
									<span></span>
									上市时间: {{x.time}}
								</h5>
								<img ng-src="img/img2/img_product/product{{x.img}}.png" alt="">
								<h2>
									<sup>￥</sup>
									{{x.price}}
								</h2>
							</div>
						</a>
					</li>
				</ul>
			</div>
			<!-- 分页 -->
			<div class="footer">
				<ul class="pagination">
					<li class="active"><a>1</a></li>
					<li><a>2</a></li>
					<li><a>3</a></li>
					<li><a>4</a></li>
					<li>......</li>
					<li><a>69</a></li>					
				</ul>
			</div>
		</div>
	</div>

	<!----------------最底部-------------------->
	<footer class="pageFooter">
		<div class="footerTop">
			<div class="w1180">
				<div class="footerTopLeft">
					<h5>
						<span>中立</span>
						<span>专业</span>
						<span>共享</span>
						<span>双赢</span>
					</h5>
					<div class="footerTopLeft-info">
						<p>北京微物联信息技术有限公司</p>
						<p>意见反馈：online@weiot.net</p>
						<p>联系电话：15201069869</p>
						<p>官方客服QQ：138888568</p>
						<p>企业合作QQ：303750865</p>
					</div>
				</div>
				<div class="footerTopMiddle">
					<h5>
						关于我们
						<span>什么是威腾网?</span>
					</h5>
					<p>
						<a href="#">关于我们</a>
						<span>|</span>
						<a href="#">联系我们</a>
						<span>|</span>
						<a href="#">商务合作</a>
						<span>|</span>
						<a href="#">投稿须知</a>
						<span>|</span>
						<a href="#">网站地图</a>
						<span>|</span>
						<a href="#">寻求报道</a>
						<span>|</span>
						<a href="#">专栏作者</a>
						<span>|</span>
					</p>
					<h5>
						网站地图
						<span>快速找到你想要的</span>
					</h5>
					<p class="footerTopMiddle-link">
						<span>|</span>
						<a href="#">展会现场</a>
						<span>|</span>
						<a href="#">展商动态</a>
						<span>|</span>
						<a href="#">智能清洁</a>
						<span>|</span>
						<a href="#">现场佳丽</a>
						<span>|</span>
						<a href="#">活动</a>
						<span>|</span>
						<a href="#">智能照明</a>
						<span>|</span>
						<a href="#">智能眼镜</a>
						<span>|</span>
						<a href="#">智能安防</a>
						<span>|</span>
						<a href="#">智能影音</a>
						<span>|</span>
						<a href="#">自行车</a>
						<span>|</span>
						<a href="#">智能服饰</a>
						<span>|</span>
						<a href="#">融资</a>
						<span>|</span>
						<a href="#">专访</a>
						<span>|</span>
						<a href="#">心得</a>
						<span>|</span>
						<a href="#">独轮车</a>
						<span>|</span>
						<a href="#">平衡车</a>
						<span>|</span>
						<a href="#">手机频道</a>
						<span>|</span>
						<a href="#">智能手表</a>
						<span>|</span>
						<a href="#">智能手环</a>
						<span>|</span>
						<a href="#">O2O</a>
						<span>|</span>
						<a href="#">威腾原创</a>
						<span>|</span>
						<a href="#">必读</a>
						<span>|</span>
						<a href="#">智能可穿戴</a>
						<span>|</span>
						<a href="#">孕妇</a>
						<span>|</span>
						<a href="#">国际新闻</a>
					</p>
				</div>
				<div class="footerTopRight">
					<div class="footerTopRight-weixin">
						微信扫一扫关注我们
					</div>
					<img src="public/img/weixin-code-150.png"/>
				</div>
			</div>
		</div>		
	</footer>
	<!-- 最最下部-->
	<div class="footerBottom">
		<a href="#" style="font-weight: bold; color:orange">企业认证</a>
		<span>|</span>
		<a href="#">Archiver</a>
		<span>|</span>
		<a href="#">小黑屋</a>
		<span>|</span>
		<a href="#">滚动新闻</a>
		<span>|</span>
		<a href="#">原创汇集</a>
		<span>|</span>
		<a href="#">产品地图</a>
		<span>|</span>
		<a href="#">威腾网-智能硬件互动平台 ( 京ICP备-09048584-7 )</a>
		<a href="#">
			<img src="public/img/security.png"/>
		</a>
		<span>
			<a href="#">站长统计</a>
		</span>
	</div>

<!---------------------侧边栏------------ -->
	<div id="elevator_item" class="elevator-item">	
		<a class="posi" href="#"><img src="public/img/wangzhe.jpg"></a>		
		<a class="plus p">热点专题</a>
		<a class="plus">反馈建议</a>
		<a id="elevator" class="off" title="回到顶部"></a>
	</div>	
	
	<!-- 登录 -->
	<!-- ---------------------登录框--------------------- -->
	<div class="wei_login" style="display:none ; z-index: 1000;position:fixed;left:50%;top:50%; width: 536px;height: 304px;margin-left: -270px;margin-top:-152px; transition: all 0.5s">
		<table cellpadding="0" cellspacing="0">
			<!-- 上面透明条 -->
			<tr>
				<td class="t_l"></td>
				<td class="t_c" style="cursor: move"></td>
				<td class="t_r"></td>
			</tr>
			<!-- 中间部分 -->
			<tr>
				<!-- 左部透明条 -->
				<td class="m_l"></td>
				<!-- 内容区 -->
				<td class="m_c">
					<div id="layer_login">
						<h3 class="flb" style="cursor: move">
							<em>用户登录</em>
							<span>
								<a class="flbc" title="关闭"></a>
							</span>
						</h3>
						<form name="login" id="loginform">
							<div class="con">
								<div class="rfm">
									<label for="username">账号 : </label>
									<input type="text" name="username" id="username" size="30" placeholder="提示:123">
									<a href="#"> 立即注册>></a>
								</div>
								<div class="rfm">
									<label for="password">密码 : </label>
									<input type="password" name="password" id="password" size="30"  placeholder="提示:123">
									<a href="#"> 找回密码>></a>
								</div>
								<div class="rfm" style="margin-left: -73px;margin-top: 10px">
									<span style="font-size:14px;">安全提问 : </span>
									<select name="question" width="213">
										<option value="0">安全提问(未设置请忽略)</option>
										<option value="1">母亲的姓名</option>
										<option value="2">爷爷的姓名</option>
										<option value="3">您个人计算机的型号</option>
										<option value="4">驾驶执照最后四位数字</option>
										<option value="4">父亲出生的城市</option>
									</select>
								</div>
								<div class="rfm bw0">
									<label for="cookietime">
										<input type="checkbox" name="cookietime" id="cookietime">
										记住密码?
									</label>
								</div>
								<div class="rfm mbw bw0">
									<button class="pn pnc" type="submit">
										<strong>登录</strong>
									</button>
								</div>
								<div class="rfm bw0">
									<hr class="l">
									<span>快捷登录:</span>
									<a href="http://www.weiot.net/connect.php?mod=login&op=init&referer=http%3A%2F%2Fwww.weiot.net%2Fportal.php&statfrom=login" target="_blank">
										<img src="public/img/qq_login.gif" class="vm">
									</a>
								</div>
							</div>
						</form>
					</div>
				</td>
				<!-- 右部透明条 -->
				<td class="m_r"></td>
			</tr>
			<!-- 下面透明条 -->
			<tr>
				<td class="b_l"></td>
				<td class="b_c"></td>
				<td class="b_r"></td>
			</tr>
		</table>
	</div>

</body>
</html>